import React from 'react';
import { Avatar, List } from 'antd';
const data = [
  {
    title: '互联网整肃遭中国',
    img:'https://ts2.tc.mm.bing.net/th?id=ORMS.b2534150a08826f1901e87d61fd6909f&pid=Wdp&w=268&h=140&qlt=90&c=1&rs=1&dpr=1&p=0'
  },
  {
    title: '太平洋西弹道',
    img:'https://ts2.tc.mm.bing.net/th?id=ORMS.4d72ed3d490a940d1ad6f22d02000ed4&pid=Wdp&w=612&h=304&qlt=90&c=1&rs=1&dpr=1&p=0'
  },
  {
    title: '浙江大学每人每年9.6万',
    img:'https://ts2.tc.mm.bing.net/th?id=ORMS.bc3d2b1175f46428fe185b7999b19ead&pid=Wdp&w=268&h=140&qlt=90&c=1&rs=1&dpr=1.25&p=0'
  },
  {
    title: '高温天小心危险',
    img:'https://ts2.tc.mm.bing.net/th?id=ORMS.f883f449ef732ec25c3dd42b55b52f02&pid=Wdp&w=268&h=140&qlt=90&c=1&rs=1&dpr=1.25&p=0'
  },
];

function Home() {
    return (
        <div>
            {/* <List
            className='add'
    itemLayout="horizontal"
    dataSource={data}
    
  >
    <List.Item>
        <List.Item.Meta
          avatar={<Avatar src={`https://ts2.tc.mm.bing.net/th?id=ORMS.b2534150a08826f1901e87d61fd6909f&pid=Wdp&w=268&h=140&qlt=90&c=1&rs=1&dpr=1&p=0`} />}
          title={<a href="https://ant.design">123</a>}
          description="Ant Design, a design language for background applications, is refined by Ant UED Team"
        />
      </List.Item>
  </List> */}
  <div className='add aa'>
        <dl class='bg-sky-100'>
        <dt><img src='https://ts2.tc.mm.bing.net/th?id=ORMS.b2534150a08826f1901e87d61fd6909f&pid=Wdp&w=268&h=140&qlt=90&c=1&rs=1&dpr=1&p=0' alt="" /></dt>
        <dd><h2>互联网整肃遭中国</h2><p>查看更多</p><span>82045457</span></dd>
    </dl>
    </div>
    <div className='add bb'>
        <dl class='bg-teal-100'>
        <dt><img src='https://ts2.tc.mm.bing.net/th?id=ORMS.4d72ed3d490a940d1ad6f22d02000ed4&pid=Wdp&w=612&h=304&qlt=90&c=1&rs=1&dpr=1&p=0' alt="" /></dt>
        <dd><h2>太平洋西弹道</h2><p>查看更多<span>82045457</span></p></dd>
    </dl>
    </div>
    <div className='add cc'>
        <dl class='bg-green-100'>
        <dt><img src='https://ts2.tc.mm.bing.net/th?id=ORMS.bc3d2b1175f46428fe185b7999b19ead&pid=Wdp&w=268&h=140&qlt=90&c=1&rs=1&dpr=1.25&p=0' alt="" /></dt>
        <dd><h2>浙江大学每人每年9.6万</h2><p>查看更多</p><span>72245457</span></dd>
    </dl>
    </div>
    <div className='add'>
        <dl>
        <dt><img src='https://ts2.tc.mm.bing.net/th?id=ORMS.f883f449ef732ec25c3dd42b55b52f02&pid=Wdp&w=268&h=140&qlt=90&c=1&rs=1&dpr=1.25&p=0' alt="" /></dt>
        <dd><h2>高温天小心危险</h2><p>查看更多</p><span>35445457</span></dd>
    </dl>
    </div>
  {/* {data.map((item,index)=>{
    return <div className='add'>
        <dl>
        <dt><img src={item.img} alt="" /></dt>
        <dd><h2>{item.title}{item.title}</h2></dd>
    </dl>
    </div>
  })} */}
        </div>
    );
}

export default Home;